<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Agile Saúde</title>
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="css/estrutura-agile.css" rel="stylesheet">
</head>
<body>
    <!-- ÁREA DO TOPO -->
    <nav class="navbar navbar-agile">
    <div class="container">
    	<!-- LOGO AGILE SAÚDE -->
        <div class="navbar-header"><a class="navbar-brand" href="#"><img src="img/logo-agile.png"></a></div>
        
		<!-- INÍCIO DO MENU -->
            <ul class="nav navbar-nav navbar-right">
            
            	<!-- USER LOGADO -->
                <div class="area-logado dropdown">
                    Bem-vindo,
                    <a class="btn btn-logado dropdown-toggle" href="#" data-toggle="dropdown">
                        <i class="fa fa-user"></i> Francir Borges <b class="caret"></b>
                    </a>           
                    <ul class="dropdown-menu">
                        <li><a href="#">Minhas informações</a></li>
                        <li><a href="#">Sobre a Agile Saúde</a></li>
                        <li><a href="#">Sair</a></li>
                    </ul>
                </div>
                <!-- FIM USER LOGADO -->
                
                <li class="active"><a href="tela-clinicas.html">Clínicas</a></li>
                <li><a href="tela-medicos.html">Médicos</a></li>
            	<li><a href="tela-usuarios.html">Usuários</a></li>
                <li><a href="tela-servicos.html">Serviços</a></li>
            </ul>
            </ul>
        <!-- FIM DO MENU -->
	</div>
</nav>
    <!-- FIM DO TOPO -->
    <!-- TÍTULO DA PÁGINA -->
    <div class="area-titulo container-fluid">
        <div class="container">
            <h2 class="titulo">
                Clínicas</h2>
        </div>
    </div>
    <!-- FIM DO TÍTULO -->
    <!-- ÁREA PARA CONTEÚDO, SEMPRE UTILIZAR NO INÍCIO DE CADA NOVO BLOCO -->
    <div class="container">
        <div class="row">
            <input type="submit" class="btn btn-success btn-sm" value="&#xf067; Nova Clínica" />
        </div>
        <div class="row">
            <table class="table table-striped table-bordered table-hover">
                <thead>
                    <tr>
                        <th>
                            <a href="#">Nome</a>
                        </th>
                        <th>
                            <a href="#">E-mail</a>
                        </th>
                        <th>
                            <a href="#">Contato 1</a>
                        </th>
                        <th>
                            <a href="#">Contato 2</a>
                        </th>
                        <th>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            Incon Instituto de Cirurgia e Oncologia Ltda
                        </td>
                        <td>
                            fha510@hotmail.com
                        </td>
                        <td>
                            (12) 3953 4560
                        </td>
                        <td>
                            (12) 3953 4560
                        </td>
                        <td>
                            <a href="#"><i class="fa fa-pencil fa-lg"></i></a><a href="#"><i class="fa fa-search fa-lg">
                            </i></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Incon Instituto de Cirurgia e Oncologia Ltda
                        </td>
                        <td>
                            fha510@hotmail.com
                        </td>
                        <td>
                            (12) 3953 4560
                        </td>
                        <td>
                            (12) 3953 4560
                        </td>
                        <td>
                            <a href="#"><i class="fa fa-pencil fa-lg"></i></a><a href="#"><i class="fa fa-search fa-lg">
                            </i></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Incon Instituto de Cirurgia e Oncologia Ltda
                        </td>
                        <td>
                            fha510@hotmail.com
                        </td>
                        <td>
                            (12) 3953 4560
                        </td>
                        <td>
                            (12) 3953 4560
                        </td>
                        <td>
                            <a href="#"><i class="fa fa-pencil fa-lg"></i></a><a href="#"><i class="fa fa-search fa-lg">
                            </i></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Incon Instituto de Cirurgia e Oncologia Ltda
                        </td>
                        <td>
                            fha510@hotmail.com
                        </td>
                        <td>
                            (12) 3953 4560
                        </td>
                        <td>
                            (12) 3953 4560
                        </td>
                        <td>
                            <a href="#"><i class="fa fa-pencil fa-lg"></i></a><a href="#"><i class="fa fa-search fa-lg">
                            </i></a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Incon Instituto de Cirurgia e Oncologia Ltda
                        </td>
                        <td>
                            fha510@hotmail.com
                        </td>
                        <td>
                            (12) 3953 4560
                        </td>
                        <td>
                            (12) 3953 4560
                        </td>
                        <td>
                            <a href="#"><i class="fa fa-pencil fa-lg"></i></a><a href="#"><i class="fa fa-search fa-lg">
                            </i></a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- RODAPÉ -->
    <div class="rodape">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h5>
                        Agile Saúde</h5>
                    <h6>
                        © 2013 - Todos os direitos reservados.</h6>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div style="width: 150px; margin: 0 auto;">
                        <a href="#">
                            <img src="img/bt-contato.png"></a> <a href="#">
                                <img src="img/bt-facebook.png"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- FIM DA CAIXA DE LOGIN -->
    <!-- Bootstrap core JavaScript
================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>
